layui.use(['table', 'form', 'laydate'], function() {
	var table = layui.table,
		form = layui.form,
		layer = layui.layer,
		$ = layui.jquery,
		laydate = layui.laydate;

	table.render({
		elem: '#dataTable',
		url: 'sys/dispatch/selectList',
		method: 'get',
		where: {}, // 你额外要携带数据，以键值对的方式存入
		toolbar: '#myToolbar', // 开启头部工具栏，并为其绑定左侧模板
		cellMinWidth: 80, // 全局定义所有常规单元格的最小宽度（默认：60）
		cols: [
			[{
					type: 'numbers'
				} // 序号
				, {
					type: 'checkbox'
				} // 复选框
				, {
					field: 'dispatchId',
					title: '人工调度ID',
					hide: true
				}, {
					field: 'businessRecsiptId',
					title: '组织名',
					hide: true
				}, {
					field: 'businessRecsiptNo',
					title: '交易记录编号',
					hide: true
				}, {
					field: 'sortingCode',
					title: '分拣码',
					hide: true
				}, {
					field: 'workOrderTime',
					title: '工单时间'
				}, {
					field: 'fetchAddress',
					title: '取货地址'
				}, {
					field: 'customerNo',
					title: '客户编号',
					hide: true
				}, {
					field: 'contacts',
					title: '联系人',
					hide: true
				}, {
					field: 'telephone',
					title: '电话',
					hide: true
				}, {
					field: 'numberPackages',
					title: '打包数',
					hide: true
				}, {
					field: 'volume',
					title: '体积',
					hide: true
				}, {
					field: 'arrivalCity',
					title: '到达城市'
				}, {
					field: 'traceNum',
					title: '描述',
					hide: true
				}, {
					field: 'workOrderId',
					title: '工单ID',
					hide: true
				}, {
					field: 'isOvertime',
					title: '是否超时',
					align: 'center',
					templet: '#isOvertime'
				}, {
					field: 'isAbnormal',
					title: '是否异常',
					align: 'center',
					templet: '#isAbnormal'
				}, {
					field: 'isRetreat',
					title: '是否退货',
					align: 'center',
					templet: '#isRetreat'
				}, {
					field: 'retreatReason',
					title: '退货理由',
					hide: true
				}, {
					field: 'orgId',
					title: '组织ID',
					hide: true
				}, {
					field: 'operationOrg',
					title: '运营组织',
					hide: true
				}, {
					field: 'subsetId',
					title: '子集团ID',
					hide: true
				}, {
					field: 'remarks',
					title: '备注',
					hide: true
				}, {
					field: 'workOrderType',
					title: '工单类型'
				}, {
					field: 'dates',
					title: '日期'
				}, {
					field: 'operationStaffName',
					title: '操作员'
				}, {
					field: 'takeOrgName',
					title: '获取组织名',
					hide: true
				}, {
					field: 'separateListType',
					title: '描述',
					hide: true
				}, {
					field: 'workOrderNo',
					title: '工单号',
					hide: true
				}, {
					field: 'jobListId',
					title: '工单ID',
					hide: true
				}, {
					field: 'unitOfAcquisition',
					title: '获取单元',
					hide: true
				}, {
					field: 'staffName',
					title: '职员'
				}, {
					field: 'customerName',
					title: '顾客名',
					hide: true
				}, {
					field: 'weight',
					title: '重量',
					hide: true
				}
			]
		],
		page: true, // 开启分页
		limit: 10, // 每页显示的条数
		limits: [5, 10, 20, 50, 100], // 每页条数的选择项
		loading: true, // 是否显示加载条(切换分页的时候显示）
		title: '人工调度数据表' // 定义 table 的大标题（在文件导出等地方会用到）
		//id: 'dataTable', // 设定容器唯一 id
		//even: true // 隔行变色
	});

	//头部搜素表单提交
	form.on('submit(searchBtn)', function(data) {
		//console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象
		//console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回
		//console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
		//执行后台代码
		//刷新数据表格
		table.reload('dataTable', {
			where: data.field,
			url: pageSelectUrl
		});
		return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
	});

	laydate.render({
		elem: '#h-datas' //指定元素'
		//,type: 'datetime'
	});

	//头工具栏事件
	table.on('toolbar(dataTableEvent)', function(obj) { //console.log(obj)
		//获取当前表格选中状态和选中的数据
		var checkStatus = table.checkStatus(obj.config.id);
		//区分点击的按钮
		switch(obj.event) {
			case 'add':
				//弹出新增模态框
				initModal({
					'obj': 1,
					'type': 'addModal'
				});
				break;
			case 'update':
				isSelectTr(obj, "修改", 1, [{
					'funName': initModal,
					'parameter': {
						'obj': checkStatus.data[0],
						'type': 'updateModal'
					}
				}]);
				break;
			case 'disabled':
				//选择的数据数量
				isSelectTr(obj, "禁用", -1, [{
					'funName': submitFun,
					'parameter': {
						'obj': checkStatus.data,
						'submitType': "post",
						'submitUrl': updateUrl,
						'txt': "禁用",
						'type': "isDisabled",
						'newVal': '0',
						'oldVal': '1'
					}
				}]);
				break;
			case 'regain':
				//选择的数据数量
				isSelectTr(obj, "恢复", -1, [{
					'funName': submitFun,
					'parameter': {
						'obj': checkStatus.data,
						'submitType': "post",
						'submitUrl': updateUrl,
						'txt': "恢复",
						'type': "isDisabled",
						'newVal': '1',
						'oldVal': '0'
					}
				}]);
				break;
			case 'remove':
				layer.confirm('删除后将无法找回，确定删除吗？', function() {
					isSelectTr(obj, "删除", -1, [{
						'funName': submitFun,
						'parameter': {
							'obj': checkStatus.data,
							'submitType': "DELETE",
							'submitUrl': deleteUrl,
							'txt': "删除",
							'type': "delete"
						}
					}]);
				});
				break;
			case 'openModal':
				if(checkStatus.data.length <= 0) {
					layer.msg("请选择", {
						icon: 3, //图标，可输入范围0~6
						time: 2500 //2秒关闭（如果不配置，默认是3秒）
					});
				} else {
					initModal(checkStatus.data);
				}
				break;
		};
	});

	// 提交成功回调函数模板
	function fun1(e) {
		if(e.respData == 1) {
			layer.closeAll();
			layer.msg("添加成功", {
				icon: 1, //图标，可输入范围0~6
				time: 2500 //2秒关闭（如果不配置，默认是3秒）
			});
		} else {
			layer.msg("添加失败，请重试！", {
				icon: 1, //图标，可输入范围0~6
				time: 2500 //2秒关闭（如果不配置，默认是3秒）
			});
		}
		table.reload('dataTable', {
			url: pageSelectUrl
		});
	}

	// 提交失败回调函数模板
	function fun2() {
		layer.msg("添加失败，请重试！", {
			icon: 1, //图标，可输入范围0~6
			time: 2500 //2秒关闭（如果不配置，默认是3秒）
		});
	}

	// 表单校验函数模板
	function fun3() {
		var verifyOkNum = 0; //定义校验通过数量

		//自定义校验方法（修改即可）根据元素中my-verify的值进行校验没有可以自己添加（跟layui的一样写法）
		myVerify({
			staffId: function(value) {
				if(value != '' && value != null) {
					verifyOkNum++;
					return null;
				} else {
					return "职员不能为空！";
				}
			},
			useable: function(value) {
				if(value != '' && value != null) {
					verifyOkNum++;
					return null;
				} else {
					return "地址不能为空！";
				}
			}
		});
		//
		if(verifyOkNum == 2) { //当校验通过数量==要校验的数量时返回true
			return true;
		} else {
			return false;
		}
	}

	function initModal(data) {
		openModal({ //弹模态框调用方法模板（修改值即可）
			modalId: 'myModal', // 模态框id不用加 # 符号
			ajaxType: 'post', // ajax请求方式
			ajaxUrl: '', // ajax请求地址
			ajaxAsync: true, // ajax是否异步请求
			reloadTabId: 'dataTable', // 刷新表数据的表 id 不用加 # 符号
			reloadTabUrl: '', // 刷新表数据请求的url
			layOpen: { //把自己的layer.open()里面的东西复制进来
				type: 1, // 基本层类型0~4，1为页面层
				title: '人工调度', // 标题
				area: ['900px', '500px'], // 宽高 只写一个参数就是表示宽度，高度会自适应
				content: $("#myModal"), // 文本、html都行
				anim: 0, // 弹出动画
				resize: false, // 是否允许拉伸
				btnAlign: 'c', //按钮居中
				btn: ['立即提交', '关闭'] //就两个按钮不用附带函数（!--注意：这个必须有--!）
			},
			selectList: [{ //下拉框加载（没有可不要/删掉）
					selectId: 'parentId', // select的 id 不用加 # 符号
					selectUrl: '', // select的 请求的url
					selectType: 'get', // select请求方式
					optionVal: 'orgId', // option的 value的数据字段
					optionTxt: 'orgName' // soption的请求的内容字段
				},
				{
					selectId: 'subsetName', // select的 id 不用加 # 符号
					selectUrl: '', // select的 请求的url
					selectType: 'get', // select请求方式
					optionVal: 'subsetId', // option的 value的数据字段
					optionTxt: 'subsetName' // soption的请求的内容字段
				}
			],
			ifOk: {
				funName: fun1, // 提交成功回调函数名（不能是数字和字符串也不能带括号，有模板函数fun1/自定义）
				parameter: {} // 传入提交成功回调函数的参数json
			},
			ifErr: {
				funName: fun2, // 提交失败回调函数名（不能是数字和字符串也不能带括号，有模板函数fun2/自定义）
				parameter: {} // 传入提交失败回调函数的参数json
			},
			modalFormVerify: { // 校验（无校验可不要/删掉,建议:写校验函数,！--注意：该上传非submit提交，layui的表单校验无效--！）
				funName: fun3, // 校验函数名（不能是数字和字符串也不能带括号，返回值必须是true才能提交，有模板函数fun3/自定义）
				parameter: {} // 传入校验函数的参数json
			}
		});
		table.render({
			elem: '#goTable',
			data: data,
			height: 200,
			cellMinWidth: 80, // 全局定义所有常规单元格的最小宽度（默认：60）
			cols: [
				[{
					type: 'numbers'
					} // 序号
					, {
						field: 'dispatchId',
						title: '人工调度ID',
						hide: true
					}, {
						field: 'businessRecsiptId',
						title: '组织名',
						hide: true
					}, {
						field: 'businessRecsiptNo',
						title: '交易记录编号',
						hide: true
					}, {
						field: 'sortingCode',
						title: '分拣码',
						hide: true
					}, {
						field: 'workOrderTime',
						title: '工单时间'
					}, {
						field: 'fetchAddress',
						title: '取货地址'
					}, {
						field: 'customerNo',
						title: '客户编号',
						hide: true
					}, {
						field: 'contacts',
						title: '联系人',
						hide: true
					}, {
						field: 'telephone',
						title: '电话',
						hide: true
					}, {
						field: 'numberPackages',
						title: '打包数',
						hide: true
					}, {
						field: 'volume',
						title: '体积',
						hide: true
					}, {
						field: 'arrivalCity',
						title: '到达城市'
					}, {
						field: 'traceNum',
						title: '描述',
						hide: true
					}, {
						field: 'workOrderId',
						title: '工单ID',
						hide: true
					}, {
						field: 'isOvertime',
						title: '是否超时',
						align: 'center',
						templet: '#isOvertime'
					}, {
						field: 'isAbnormal',
						title: '是否异常',
						align: 'center',
						templet: '#isAbnormal'
					}, {
						field: 'isRetreat',
						title: '是否退货',
						align: 'center',
						templet: '#isRetreat'
					}, {
						field: 'retreatReason',
						title: '退货理由',
						hide: true
					}, {
						field: 'orgId',
						title: '组织ID',
						hide: true
					}, {
						field: 'operationOrg',
						title: '运营组织',
						hide: true
					}, {
						field: 'subsetId',
						title: '子集团ID',
						hide: true
					}, {
						field: 'remarks',
						title: '备注',
						hide: true
					}, {
						field: 'workOrderType',
						title: '工单类型'
					}, {
						field: 'dates',
						title: '日期'
					}, {
						field: 'operationStaffName',
						title: '操作员'
					}, {
						field: 'takeOrgName',
						title: '获取组织名',
						hide: true
					}, {
						field: 'separateListType',
						title: '描述',
						hide: true
					}, {
						field: 'workOrderNo',
						title: '工单号',
						hide: true
					}, {
						field: 'jobListId',
						title: '工单ID',
						hide: true
					}, {
						field: 'unitOfAcquisition',
						title: '获取单元',
						hide: true
					}, {
						field: 'staffName',
						title: '职员'
					}, {
						field: 'customerName',
						title: '顾客名',
						hide: true
					}, {
						field: 'weight',
						title: '重量',
						hide: true
					}
				]
			],
			loading: true, // 是否显示加载条(切换分页的时候显示）
			title: '人工调度数据表', // 定义 table 的大标题（在文件导出等地方会用到）
			//id: 'dataTable', // 设定容器唯一 id
			//even: true // 隔行变色
		});
	}

	/*------------------打开模态框的主方法（放在layui.use(['table'], function() {}（必须要定义了var form = layui.form,layer = layui.layer,table = layui.table,$ = layui.jquery;）里面）不能私自修改，折叠起来-------------------------------------------------------------------*/
	function openModal(modalDatas) {
		if(typeof(modalDatas.selectList) !== 'undefined') {
			loadOption(modalDatas.selectList);
		}

		modalDatas.layOpen['btn1'] = function(index, layero) { //（btn1：‘立即提交’）   回调函数
			if(modalDatas.modalFormVerify != '' && typeof(modalDatas.modalFormVerify) !== 'undefined') {
				if(typeof(modalDatas.modalFormVerify.funName) === 'function' && modalDatas.modalFormVerify.funName(modalDatas.modalFormVerify.parameter) == true) {
					setModalAjaxData();
				} else {
					console.log('你的校验未通过！')
				}
			} else {
				setModalAjaxData();
			}
		};

		modalDatas.layOpen['btn2'] = function(index, layero) { //（btn2：‘关闭’） 回调函数
			//关闭页面上所有类型的所有弹框
			layer.closeAll();
		};

		modalDatas.layOpen['end'] = function() { // 弹出层销毁时的回调函数（不论何种方式，只要关闭了就执行）
			$("#" + modalDatas.modalId + " form")[0].reset();
			if(typeof(modalDatas.selectList) !== 'undefined') {
				claseOption(modalDatas.selectList); //在''里面填要清空的select的id
			}
		};

		layer.open(modalDatas.layOpen);

		function setModalAjaxData() {
			var formData = {};
			$.map($("#" + modalDatas.modalId + " form").serializeArray(), function(object, index) {
				formData[object['name']] = object['value'];
			});
			if(modalDatas.ajaxType == '' || typeof(modalDatas.ajaxType) === 'undefined') {
				modalDatas.ajaxType = 'post';
			}
			if(modalDatas.ajaxAsync == '' || typeof(modalDatas.ajaxAsync) === 'undefined') {
				modalDatas.ajaxAsync = true;
			}
			modalAjax({
				formData: formData,
				thisType: modalDatas.ajaxType,
				thisUrl: modalDatas.ajaxUrl,
				thisAsync: modalDatas.ajaxAsync,
				thisOkFun: {
					funName: modalDatas.ifOk.funName,
					parameter: modalDatas.ifOk.parameter
				},
				thisErrFun: {
					funName: modalDatas.ifErr.funName,
					parameter: modalDatas.ifErr.parameter
				}
			});
		}

		//提交表单函数
		function modalAjax(modalSubmitData) {
			$.ajax({
				type: modalSubmitData.thisType,
				url: modalSubmitData.thisUrl,
				async: modalSubmitData.ajaxAsync,
				data: modalSubmitData.formData,
				dataType: 'json',
				success: function(respData) {
					if(typeof(modalSubmitData.thisOkFun.funName) === 'function') {
						modalSubmitData.thisOkFun.funName({
							respData: respData,
							parameter: modalSubmitData.thisOkFun.parameter
						});
					}
				},
				error: function() {
					if(typeof(modalSubmitData.thisErrFun.funName) === 'function') {
						modalSubmitData.thisErrFun.funName(modalSubmitData.thisErrFun.parameter);
					}
				}
			});
		}

		function addOption(obj) {
			if(obj.respData != '' && typeof(obj.respData) != 'undefined') {
				$.each(obj.respData, function(index, o) {
					$("#" + modalDatas.modalId + " #" + obj.parameter.selectId).append(new Option(o[obj.parameter.optionTxt], o[obj.parameter.optionVal]));
				});
				form.render(); //渲染将option添加进去
			}
		}
		//清空select的option方法
		function claseOption(selectList) {
			if(typeof(selectList) !== 'undefined') {
				$.each(selectList, function(index, o) {
					if(o.selectId != '' && typeof(o.selectId) !== 'undefined') {
						$("#" + modalDatas.modalId + " #" + o.selectId).html("<option value=''></option>");
					}
				});
			}
		}

		function loadOptionErr() {
			layer.msg("请求超时，数据加载失败！", {
				icon: 5,
				time: 2500
			});
		}

		//清空select的option方法
		function loadOption(selectList) {
			$.each(selectList, function(index, o) {
				if(o.selectId != '' && typeof(o.selectId) != undefined) {
					if(o.selectType == '' || typeof(o.selectType) === 'undefined') {
						o.selectType = 'get';
					}
					modalAjax({
						formData: {},
						thisType: o.selectType,
						thisUrl: o.selectUrl,
						thisAsync: false,
						thisOkFun: {
							funName: addOption,
							parameter: o
						},
						thisErrFun: {
							funName: loadOptionErr
						}
					});
				}
			});
		}
	}
	/*------------------打开模态框的主方法（放在layui.use(['table'], function() {}（必须要定义了var form = layui.form,layer = layui.layer,table = layui.table,$ = layui.jquery;）里面）不能私自修改，折叠起来-------------------------------------------------------------------*/

	/*------------------自定义校验方法（调用即可，！--注意：不可私自修改--！）------------------------*/
	function myVerify(myVerifyData) { //自定义校验方法（调用即可，！--注意：折叠起来，不可私自修改--！）
		if(typeof(myVerifyData) !== 'undefined' && myVerifyData != '') {
			$.each(myVerifyData, function(name) {
				var myVerifyReturnVal = myVerifyData[name]($("*[my-verify=" + name + "]").val());
				if(myVerifyReturnVal !== null && typeof(myVerifyReturnVal) !== 'undefined') {
					//"<div style='position: relative'><span style='color: red; font-size: 12px; position: absolute;'>"+$("input[my-verify=" + name + "]").val()+"</span></div>"
					$("*[my-verify=" + name + "]").parent("div").find("input").css('border-color', 'rgb(255,87,34)');
					$("*[my-verify=" + name + "]").parent("div").find("input").next().remove();
					$("*[my-verify=" + name + "]").parent("div").find("input").parent().append("<div class='myVerifyErr' style='position: relative'><span style='color: red; font-size: 12px; position: absolute;'>" + myVerifyData[name]($("input[my-verify=" + name + "]").val()) + "</span></div>")
				}
			});
			setTimeout(removeMyVerifyErr, 2000);

			function removeMyVerifyErr() {
				$(".myVerifyErr").remove();
				$("form *[name!='button']").parent("div").find("input").css('border-color', 'rgb(230,230,230)');
			}
		}
	}
	/*------------------自定义校验方法（调用即可，！--注意：不可私自修改--！）------------------------*/
});